body{
	background: url(../img/bg.png) no-repeat center;
	background-size: 100% 100%;
}
.header{
	position: relative;
	width: 100%;
	height: 83px;
	background: url(../img/top-bg.png) no-repeat center;
	text-align: center;	
	.title{
		line-height: 83px;
		font-size: 36px;
		color: #fff;
	}
	.time{
		position: absolute;
		top: 32px;
		right: 16px;
		span{
			font-size: 16px;
			color: #fff;	
		}
		img{
			vertical-align: -2px;
		}
	}
}
.main{
	padding: 13px 20px 20px;
	box-sizing: border-box;
	width: 100%;
	.nav{
		margin-bottom: 13px;
		ul{
			li{
				width: calc(20% - 4px);
				float: left;
				margin-right: 5px;
				box-sizing: border-box;
				height: 109px;
				padding: 20px 0 0 25px;
				background:rgba(0, 104, 183, 0.3);
				border-radius: 5px;
				&:last-child{
					margin-right: 0;
				}
				p{
					font-size: 18px;
					color: #fff;
					&:last-child{
						color: #219AF2;
						font-size: 32px;
						margin-top: 10px;
						span{
							font-size: 20px;
						}
					}
				}
			}
		}
	}
	.wrap{
		.title{
			padding: 15px;
			font-size: 18px;
			color: #22A3FE;
			img{
				vertical-align: -2px;
			}
		}
		.leftDiv{
			width: 450px;
			.box{
				margin-bottom: 10px;
			}
			.box1{
				height: 176px;
				background: url(../img/box1.png) no-repeat center;
				background-size: 100%;
				.content{
					padding-left: 30px;
					ul{
						li{
							width: 50%;
							float: left;
							font-size: 14px;
							color: #fff;
							margin-bottom: 10px;
							.num{
								font-size: 20px;
								color: #0CE0ED;
							}
							.cell{
								color: #0CE0ED;
								font-size: 14px;
							}
							img{
								width: 16px;
								vertical-align: -2px;
								margin-right: 10px;
							}
						}
					}
				}
			}
			.box2{
				height: 304px;
				background: url(../img/box2.png) no-repeat center;
				background-size: 100%;
				.content{
					.tab{
						text-align: center;
						font-size: 0;
						span{
							font-size: 14px;
							color: #fff;
							display: inline-block;
							width: 110px;
							height: 28px;
							line-height: 28px;							
							border: 1px solid #008CE3;
							border-radius: 14px 0 0 14px;
							cursor: pointer;
							&:last-child{
								border-radius: 0 14px 14px 0;
								border-left: none;
							}
							&.on{
								background-image: linear-gradient(to right,#2256EC, #4894FC);
							}
						}
					}
					.tabDiv{
						margin-top: 10px;
						margin-right: 20px;
						padding-left: 20px;	
						height: 200px;
						overflow: hidden;
						li{
							height: 50px;
							.left{
								font-size: 14px;
								color: #fff;
								span{
									display: inline-block;	
									overflow: hidden;
									text-overflow:ellipsis;
									white-space: nowrap;					
									&:last-child{
										width: 50px;										
										margin-left: 10px;
									}
								}
							}
							.right{
								margin-left: 15px;
								font-size: 14px;
								color: #fff;
								.process{
									font-size: 0;
									width: 285px;
									height: 10px;
									background: #040525;
									border-radius: 10px;
									margin-bottom: 10px;
									margin-top: 5px;
									span{
										display: inline-block;
										width: 60%;
										height: 100%;
										border-radius: 10px;
										background-image: linear-gradient(to right,#2256EC, #4894FC);
									}
								}
							}
						}						
					}
				}
			}
			.box3{
				height: 341px;
				background: url(../img/box3.png) no-repeat center;
				background-size: 100%;
				margin-bottom: 0;
				.content{
					padding-left: 20px;
					ul{
						li{
							margin-bottom: 22px;
							.left{
								width: 36px;
								height: 36px;
								background: url(../img/bg1.png) no-repeat center;
								text-align: center;
								line-height: 32px;
								margin-right: 5px;
							}
							&:nth-child(even){
								.left{
									background: url(../img/bg2.png) no-repeat center;
								}
							}
							.right{
								width: 380px;
								font-size: 12px;
								color: #fff;
								overflow: hidden;
								text-overflow:ellipsis;
								white-space: nowrap;
								p{
									&:last-child{
										color: #1C48C3;
										margin-top: 5px;
									}
								}
							}
						}
					}
				}
			}
		}
		.centerDiv{
			width: calc(100% - 900px);
			height: 100px;
			.box1{
				
			}
			.box2{	
				height: 126px;
				overflow: hidden;
				ul{
					li{
						height: 46px;
						p{
							padding: 0 5%;
							font-size: 0;
							height: 34px;
							line-height: 34px;
							background: radial-gradient(circle, #3C76BE 0%, rgba(5, 7, 133, 0) 100%);
						}
						img{
							vertical-align:8px;
							width: 16px;
						}
						span{
							font-size: 14px;
							color: #E6E8FF;
							display: inline-block;
							overflow: hidden;
							text-overflow:ellipsis;
							white-space: nowrap;
						}
						.s1{
							width: 10%;
							margin-left: 1.5%;
						}
						.s2{
							width: 45%;
						}
						.s3{
							color: #21E6FF;
						}
						.s4{
							width: 15%;
							text-align: right;
						}
						.s5{
							width: 25%;
							text-align: right;
						}
						@media screen and (max-width:1400px){
							.s1{
								width: 10%;
								margin-left: 1.5%;
							}
							.s2{
								width: 45%;
							}
							.s3{
								color: #21E6FF;
							}
							.s4{
								width: 15%;
								text-align: right;
							}
							.s5{
								width: 20%;
								text-align: right;
							}
						}
					}
				}
			}
		}
		.rightDiv{
			width: 450px;
			.box{
				margin-bottom: 10px;
			}
			.box1{
				height: 268px;
				background: url(../img/box4.png) no-repeat center;
				background-size: 100%;
			}
			.box2{
				height: 268px;
				background: url(../img/box4.png) no-repeat center;
				background-size: 100%;
				margin-bottom: 14px;
			}
			.box3{
				height: 281px;
				background: url(../img/box5.png) no-repeat center;
				background-size: 100%;
				margin-bottom: 0;
				.content{
					padding:0 15px;
					.head{
						font-size: 12px;
						color: #fff;
						background: rgba(54, 122, 216, 0.2);
						height: 38px;
						line-height: 38px;
					}
					span{
						display:inline-block;
						text-align: center;
						overflow: hidden;
						text-overflow:ellipsis;
						white-space: nowrap;
					}
					.s0{
						width: 40px;
					}
					.s1{
						width: 48px;						
					}
					.s2{
						width: 72px;
					}
					.s3{
						width:82px;
					}
					.s4{
						width:80px;
					}
					.s5{
						width:88px;
					}
					.table{
						height: 185px;
						overflow:hidden;
						li{
							height: 38px;
							line-height: 38px;
							font-size: 14px;
							color: #C7D2FF;
							&.line{							
								background: radial-gradient(circle, #FFFFFF 0%, #08ECC4 0%, #092FB7 0%, rgba(9, 47, 183, 0) 100%);
							}
						}
					} 
				}
			}
		}
	}	
}

::-webkit-scrollbar
{
	width: 8px;
	height: 0px;
	background-color: #040525;
}
 
/*定义滚动条轨道 内阴影+圆角*/
::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 8px;
	background-color: #040525;
}
 
/*定义滑块 内阴影+圆角*/
::-webkit-scrollbar-thumb
{
	border-radius: 8px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #367AD8;
}
@media screen and (max-width:1640px){
	.main .nav ul li p:last-child{
		font-size: 28px;
	}
}
@media screen and (max-width:1520px){
	.main .nav ul li p:last-child{
		font-size: 26px;
	}
}
@media screen and (max-width:1460px){
	.main .nav ul li p:last-child{
		font-size: 24px;
	}
	.main .nav ul li p:last-child span{
		font-size: 18px;
	}
}
@media screen and (max-width:1400px){
	.main .nav ul li p:last-child{
		font-size: 20px;
	}
	.main .nav ul li p:last-child span{
		font-size: 16px;
	}
}